<!doctype html>
<html>

<head>
  <meta charset="UTF-8" />
  <title>Reusable Navbar</title>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/react/18.3.1/umd/react.development.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/18.3.1/umd/react-dom.development.js"></script>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/7.26.3/babel.min.js"></script>
  <script data-plugins="transform-modules-umd" type="text/babel" src="index.jsx"></script>
  <link rel="stylesheet" href="./styles.css" />
</head>

<body>
  <div id="root"></div>
  <script data-plugins="transform-modules-umd" type="text/babel" data-presets="react" data-type="module">
    import { Navbar } from './index.jsx';
    ReactDOM.createRoot(document.getElementById('root')).render(
      <Navbar />
    );
  </script>
</body>

</html>